<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<!-- 内容  start -->
<div id="content" th:fragment="book-content" class="content-site customize-site">

    <!-- 菜单 -->
    <th:block th:each="navCategory : ${navCategoryList}">
        <!-- 分类 -->
        <div class="d-flex flex-fill " th:classappend="${navCategory.name == '安天利信' ? 'atlx-hidden' : ''}">
            <h4 class="text-gray text-lg mb-4">
                <i class="site-tag iconfont icon-tag icon-lg mr-1" th:id="${'term-' + navCategory.id}"></i>
                [[${navCategory.name}]]
            </h4>
            <div class="flex-fill"></div>
        </div>
        <!-- 分类 end-->

        <!-- 子分类 -->
        <!-- 包含二级分类 -->
        <th:block th:if="${#maps.containsKey(navCategory, 'children')}">
            <div class="d-flex flex-fill flex-tab align-items-center" th:classappend="${navCategory.name == '安天利信' ? 'atlx-hidden' : ''}">
                <div class='slider_menu mini_tab ajax-list-home' sliderTab="sliderTab">
                    <ul class="nav nav-pills tab-auto-scrollbar menu overflow-x-auto" role="tablist">
                        <th:block th:each="navChildren : ${navCategory.children}" >
                            <li class="pagenumber nav-item">
                                <a th:id="'term-' + ${navChildren.id}" th:class="${navChildrenStat.index == 0 ? 'nav-link tab-noajax load active' : 'nav-link tab-noajax load'}"
                                   data-toggle="pill" th:href="'#tab-' + ${navChildren.id}">[[${navChildren.name}]]</a>
                            </li>
                        </th:block>
                    </ul>
                </div>
                <div class="flex-fill"></div>
                <a class='btn-move tab-move text-xs ml-2' href='#'>more+</a>
            </div>
            <div class="tab-content mt-4" th:classappend="${navCategory.name == '安天利信' ? 'atlx-hidden' : ''}">
                <th:block th:each="navChildren : ${navCategory.children}">
                    <div th:id="'tab-' + ${navChildren.id}" th:class="${navChildrenStat.index == 0 ? 'tab-pane active' : 'tab-pane'}" >
                        <div class="row io-mx-n2 mt-4 ajax-list-body position-relative">
                            <th:block th:if="${#maps.containsKey(navSiteList, navChildren.id)}">
                                <th:block th:each="navSite : ${navSiteList[navChildren.id]}" th:index="navSiteIndex">
                                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                                        <div class="url-body default">
                                            <a th:href="${navSite.siteUrl}" target="_blank" th:data-id="${navSite.id}"
                                               th:data-url="${navSite.siteUrl}" class="card no-c  mb-4 site-3322"
                                               data-toggle="tooltip"
                                               data-placement="bottom" th:title="${navSite.siteDesc}">
                                                <div class="card-body">
                                                    <div class="url-content d-flex align-items-center">
                                                        <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                                            <img class="lazy" th:src="${'https://favicon.qqsuu.cn/' +  navSite.siteUrl}" th:alt="${navSite.siteDesc}"
                                                                 th:onerror="'this.src=\'' + @{'/images/left-menu/logo40.png'} + '\''">
                                                        </div>
                                                        <div class="url-info flex-fill">
                                                            <div class="text-sm overflowClip_1">
                                                                <strong>[[${navSite.siteName}]]</strong>
                                                            </div>
                                                            <p class="overflowClip_1 m-0 text-muted text-xs">[[${navSite.siteDesc}]]</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                            <a th:href="${navSite.siteUrl}" target="_blank"
                                               class="togo text-center text-muted is-views" th:data-id="${navSite.id}" data-toggle="tooltip"
                                               data-placement="right" title="直达" rel="nofollow"><i
                                                    class="iconfont icon-goto"></i></a>
                                        </div>
                                    </div>
                                </th:block>
                            </th:block>
                        </div>
                    </div>
                </th:block>
            </div>
        </th:block>

        <!-- 一级分类 -->
        <th:block th:else>
            <div class="tab-content">
                <div class="row io-mx-n2 ajax-list-body position-relative">
                    <th:block th:if="${#maps.containsKey(navSiteList, navCategory.id)}">
                        <th:block th:each="navSite : ${navSiteList[navCategory.id]}">
                            <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                                <div class="url-body default">
                                    <a th:href="${navSite.siteUrl}" target="_blank" th:data-id="${navSite.id}"
                                       th:data-url="${navSite.siteUrl}" class="card no-c  mb-4 site-3322"
                                       data-toggle="tooltip"
                                       data-placement="bottom" th:title="${navSite.siteDesc}">
                                        <div class="card-body">
                                            <div class="url-content d-flex align-items-center">
                                                <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                                    <img class="lazy" th:src="${'https://favicon.qqsuu.cn/' +  navSite.siteUrl}" th:alt="${navSite.siteDesc}"
                                                         th:onerror="'this.src=\'' + @{'/images/left-menu/logo40.png'} + '\''">
                                                </div>
                                                <div class="url-info flex-fill">
                                                    <div class="text-sm overflowClip_1">
                                                        <strong>[[${navSite.siteName}]]</strong>
                                                    </div>
                                                    <p class="overflowClip_1 m-0 text-muted text-xs">[[${navSite.siteDesc}]]</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <a th:href="${navSite.siteUrl}" target="_blank"
                                       class="togo text-center text-muted is-views" th:data-id="${navSite.id}" data-toggle="tooltip"
                                       data-placement="right" title="直达" rel="nofollow"><i
                                            class="iconfont icon-goto"></i></a>
                                </div>
                            </div>
                        </th:block>
                    </th:block>
                </div>
            </div>
        </th:block>
    </th:block>
    <!-- 子分类 end-->



    <!-- 友情链接 start -->
    <h4 class="text-gray text-lg mb-4">
        <i class="iconfont icon-book-mark-line icon-lg mr-2" id="friendlink"></i>友情链接
    </h4>
    <div class="friendlink text-xs card">
        <div class="card-body">
            <a href="https://liutongxu.github.io" title="有范的导航网站" target="_blank">所长导航</a>
            <a href="https://www.52pojie.cn/" title="软件安全与病毒分析前沿，丰富的技术版块" target="_blank">吾爱破解</a>
            <a href="https://tuostudy.upnb.top/" title="图欧学习资源导航 - 终身学习者的导航站" target="_blank">图欧学习资源导航</a>
            <a href="https://adzhp.xyz/" title="爱达杂货铺收集精品网络免费资源、包括免费视频、网盘搜索、软件、网站和各类资源，欢迎前来探索。" target="_blank">爱达杂货铺</a>
            <a href="https://www.lovejay.top/" title="互联网净土，白嫖党天堂，聚合全网优质资源，致力于做到一个网站解决所有问题" target="_blank">Jay的资源库</a>
            <a href="https://hao.panziye.com/" title="程序员导航网是一个致力于一站式程序员工作学习导航网站，汇聚程序员必备常用网址，以让程序员使用更便捷为使命，始终围绕程序员需求，为程序员提供最新工具导航" target="_blank">程序员导航网</a>
            <a href="#" target="_blank" title="更多链接">更多链接</a>
        </div>
    </div>
    <!-- 友情链接 end -->
</div>
<!-- 内容 end -->
</html>